@import "../../../util";

.mArtist{
 
  &__list{
    display:flex;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    overflow-x: scroll;
    margin-right: -20px;
    -webkit-overflow-scrolling: touch;

    li{
      padding-right: 6px; 
    }

    li:last-child{
      padding-right: 20px; 
    }

    &::-webkit-scrollbar{
      display: none;
    }
  }


  .artistInfo{
    display: block;
    width: 80px;
    text-decoration: none;
    text-align: center;

    &__image{
      width: 80px;
      height: 110px;
      background-color: #ccc;
    }

    &__name{
      font-size: 14px;
      color: $block;
      margin: 10px 0;
    }
  
    &__job{
      font-size: 12px;
      color: $gray;
      margin: 0;
    }
  }
}